<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>岭南师范学院机电工程学院</title>
    <meta name="keywords" content="岭南师范学院机电工程学院">
    <meta name="description" content="岭南师范学院机电工程学院">
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/swiper.min.css">
</head>

<body>
<!-- 头部导航 -->
<div class="header">
    <div class="header-left">
        <img src="./images/LNU_Logo.svg" alt="岭南师范学院" style="width: 320px;">
        <img src="./images/logo_jdxy.png" alt="机电工程学院" style="width: 260px; height: 50px; margin-top: 10px; margin-left: 20px;">
    </div>
    <div class="header-right">
        <div class="header-right-link">
            <table>
                <tr>
                    <th><a href="">学校主页</a></th>
                    <th>|</th>
                    <th><a href="">正方系统</a></th>
                    <th>|</th>
                    <th><a href="">图书馆</a></th>
                </tr>
            </table>
        </div>
        <div class="header-right-search">
            <input type="text" placeholder="请输入关键词">
            <div class="search-btn">
                <svg t="1673247315000" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2696" width="64" height="64"><path d="M446.112323 177.545051c137.567677 0.219798 252.612525 104.59798 266.162424 241.493333 13.562828 136.895354-78.778182 261.818182-213.617777 289.008485-134.852525 27.203232-268.386263-52.156768-308.945455-183.608889s25.018182-272.252121 151.738182-325.779394A267.235556 267.235556 0 0 1 446.112323 177.545051m0-62.060607c-182.794343 0-330.989899 148.195556-330.989899 330.989899s148.195556 330.989899 330.989899 330.989899 330.989899-148.195556 330.989899-330.989899-148.195556-330.989899-330.989899-330.989899z m431.321212 793.341415a30.849293 30.849293 0 0 1-21.94101-9.102223l-157.220202-157.220202c-11.752727-12.179394-11.584646-31.534545 0.37495-43.50707 11.972525-11.972525 31.327677-12.140606 43.494141-0.37495l157.220202 157.220202a31.036768 31.036768 0 0 1 6.723232 33.810101 31.004444 31.004444 0 0 1-28.651313 19.174142z m0 0" p-id="2697" fill="#ffffff"></path></svg>
            </div>
        </div>
    </div>
</div>

<!--栏目-->
<div class="nav-menu">
    <ul class="nav">
        <li class="nav-list">
            <h3 class="current"><a href="#" >网站首页</a></h3>
        </li>
        <li class="nav-list">
            <h3><a href="#">学院概况</a></h3>
            <ul class="sub">
                <li><a href="#">学院简介</a></li>
                <li><a href="#">学院党委</a></li>
                <li><a href="#">领导班子</a></li>
                <li><a href="#">组织机构</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">师资队伍</a></h3>
            <ul class="sub">
                <li><a href="#">师资简介</a></li>
                <li><a href="#">系所师资</a></li>
                <li><a href="#">学术大咖</a></li>
                <li><a href="#">名师风采</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">本科生教育</a></h3>
            <ul class="sub">
                <li><a href="#">专业介绍</a></li>
                <li><a href="#">培养计划</a></li>
                <li><a href="#">教学成果</a></li>
                <li><a href="#">本科教学工程</a></li>
                <li><a href="#">教学文件</a></li>
                <li><a href="#">创新创业</a></li>
                <li><a href="#">教研教改</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">学科与科研</a></h3>
            <ul class="sub">
                <li><a href="#">学科简介</a></li>
                <li><a href="#">科研成果</a></li>
                <li><a href="#">科研团队</a></li>
                <li><a href="#">科研信息</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">实验室建设</a></h3>
            <ul class="sub" style="width: 300px;">
                <li><a href="#">国重实验室</a></li>
                <li><a href="#">学院实验中心</a></li>
                <li><a href="#">教育部重点实验室</a></li>
                <li><a href="#">广东省CIMS重点实验室</a></li>
                <li><a href="#">广东省微纳加工技术与装备重点实验室</a></li>
                <li><a href="#">工程训练国家级实验教学示范中心</a></li>
                <li><a href="#">广东省创新方法推广应用研究中心</a></li>
                <li><a href="#">广东省创新方法与决策管理系统重点实验室</a></li>
                <li><a href="#">先进加工工具与高技术陶瓷研究中心</a></li>
                <li><a href="#">机械设计广东省实验教学示范中心</a></li>
                <li><a href="#">仪器设备</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">学生工作</a></h3>
            <ul class="sub">
                <li><a href="#">信息公告</a></li>
                <li><a href="#">科技创新</a></li>
                <li><a href="#">学子风采</a></li>
                <li><a href="#">国防精英</a></li>
                <li><a href="#">先进个人</a></li>
                <li><a href="#">先进集体</a></li>
                <li><a href="#">学生组织</a></li>
                <li><a href="#">招生就业</a></li>
                <li><a href="#">服务指南</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">交流合作</a></h3>
            <ul class="sub">
                <li><a href="#">会议信息</a></li>
                <li><a href="#">访学信息</a></li>
                <li><a href="#">交流活动</a></li>
                <li><a href="#">学术活动</a></li>
                <li><a href="#">主办会议</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">招生宣传</a></h3>
            <ul class="sub" style="width: 200px;">
                <li><a href="#">本科招生</a></li>
                <li><a href="#">研究生招生</a></li>
                <li><a href="#">MEM非全日制硕士招生</a></li>
                <li><a href="#">机械专业学位博士</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">校友之窗</a></h3>
            <ul class="sub">
                <li><a href="#">校友风采</a></li>
                <li><a href="#">校友企业</a></li>
                <li><a href="#">校友活动</a></li>
            </ul>
        </li>
        <li class="nav-list">
            <h3><a href="#">人才招聘</a></h3>
            <ul class="sub">
                <li><a href="#">博士后招聘</a></li>
                <li><a href="#">师资招聘</a></li>
            </ul>
        </li>
    </ul>
</div>

<!-- 轮播图 -->
<div class="lbt">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-touch="true" data-pause="hovering ">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active" data-interval="2000">
                <img src="images/lunbo1.jpg">
            </div>
            <div class="carousel-item" data-interval="2000">
                <img src="images/lunbo2.jpg">
            </div>
            <div class="carousel-item" data-interval="2000">
                <img src="images/lunbo3.jpg">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </button>
    </div>
</div>

<!--内容区域-->
<div class="content">
    <div class="news">
        <div class="news-top-box">
            <div class="news-top news-top-left">
                <div class="columns-top-box">
                    <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                    <p class="columns-top-p1">学院要闻</p>
                </div>
                <p class="news-top-p2"><a href="">More+</a></p>
            </div>
            <div class="news-top news-top-right">
                <div class="columns-top-box">
                    <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                    <p class="columns-top-p1">通知公告</p>
                </div>
                <p class="news-top-p2"><a href="">More+</a></p>
            </div>
        </div>
        <div class="news-main">
            <div class="news-main-photo">
                <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel" data-touch="true" data-pause="hovering">
                    <div class="carousel-inner">
                        <div class="carousel-item active" data-interval="2000">
                            <a href="#">
                                <img src="./images/testImg.png" class="d-block w-100" alt="...">
                                <div class="cover">
                                    1
                                </div>
                            </a>
                        </div>
                        <div class="carousel-item" data-interval="2000">
                            <a href="#">
                                <img src="./images/banner101702.png" class="d-block w-100" alt="...">
                                <div class="cover">
                                    2
                                </div>
                            </a>

                        </div>
                        <div class="carousel-item" data-interval="2000">
                            <a href="#">
                                <img src="./images/testImg.png" class="d-block w-100" alt="...">
                                <div class="cover">
                                   3
                                </div>
                            </a>
                        </div>
                        <div class="carousel-item" data-interval="2000">
                            <a href="#">
                                <img src="./images/testImg.png" class="d-block w-100" alt="...">
                                <div class="cover">
                                   4
                                </div>
                            </a>
                        </div>
                        <div class="carousel-item" data-interval="2000">
                            <a href="#">
                                <img src="./images/testImg.png" class="d-block w-100" alt="...">
                                <div class="cover">
                                   5
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="news-main-list">
                <div class="news-main-list-essay">
                    <p style="color: #0d80d9; font-weight: 500; font-size: 18px;">文章题目</p>
                    <p style="color: #98a0a7; font-weight: 500; margin: 0;">文章内容</p>
                    <div class="news-main-list-essay-time">
                        <svg t="1682253679269" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15944" width="200" height="200"><path d="M513.365333 955.733333a443.733333 443.733333 0 1 1 443.733334-443.733333A444.279467 444.279467 0 0 1 513.365333 955.733333z m0-832.853333a389.12 389.12 0 1 0 389.12 389.12A389.5296 389.5296 0 0 0 513.365333 122.88z" fill="#0073FF" p-id="15945"></path><path d="M513.365333 211.3536a27.306667 27.306667 0 0 1-27.306666-27.306667V95.573333a27.306667 27.306667 0 0 1 54.613333 0v88.4736a27.306667 27.306667 0 0 1-27.306667 27.306667zM185.412267 539.306667H96.938667a27.306667 27.306667 0 1 1 0-54.613334h88.4736a27.306667 27.306667 0 0 1 0 54.613334zM929.792 539.306667h-88.4736a27.306667 27.306667 0 1 1 0-54.613334h88.4736a27.306667 27.306667 0 0 1 0 54.613334zM513.365333 955.733333a27.306667 27.306667 0 0 1-27.306666-27.306666v-88.4736a27.306667 27.306667 0 0 1 54.613333 0V928.426667a27.306667 27.306667 0 0 1-27.306667 27.306666zM712.430933 735.232a27.306667 27.306667 0 0 1-19.114666-7.918933L494.250667 531.387733a27.306667 27.306667 0 0 1-8.192-19.387733V290.133333a27.306667 27.306667 0 0 1 54.613333 0v210.397867l191.146667 188.0064a27.306667 27.306667 0 0 1-19.114667 46.6944z" fill="#0073FF" p-id="15946"></path></svg>
                        <p style="color: #0d80d9; font-size: 14px; margin-left: 10px;">2023-3-12</p>
                    </div>
                </div>
                <div class="news-main-list-lists">
                    <div class="news-main-list-lists-item" style="border-bottom: #b1c0bd dashed 1px;">
                        <a href="#">
                            <div class="news-title">fff防腐蚀方式</div>
                            <div class="news-time">
                                <p class="news-time-p1">2023</p>
                                <p class="news-time-p2">1-9</p>
                            </div>
                        </a>
                    </div>
                    <div class="news-main-list-lists-item" style="border-bottom: #b1c0bd dashed 1px;">
                        <a href="#">
                            <div class="news-title">fff防腐蚀方式</div>
                            <div class="news-time">
                                <p class="news-time-p1">2023</p>
                                <p class="news-time-p2">1-9</p>
                            </div>
                        </a>
                    </div>
                    <div class="news-main-list-lists-item" style="border-bottom: #b1c0bd dashed 1px;">
                        <a href="#">
                            <div class="news-title">fff防腐蚀方式</div>
                            <div class="news-time">
                                <p class="news-time-p1">2023</p>
                                <p class="news-time-p2">1-9</p>
                            </div>
                        </a>
                    </div>
                    <div class="news-main-list-lists-item">
                        <a href="#">
                            <div class="news-title">fff防腐蚀方式</div>
                            <div class="news-time">
                                <p class="news-time-p1">2023</p>
                                <p class="news-time-p2">1-9</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="columns">
        <div class="col-left">
            <div class="columns-top">
                <div class="columns-top-box">
                    <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                    <p class="columns-top-p1">图片新闻</p>
                </div>
                <p class="columns-top-p2-1"><a href="">More+</a></p>
            </div>
            <div class="col-lists">
                <div class="col-item" style="border-top: #b1c0bd solid 1px; border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-right">
            <div class="columns-top">
                <div class="columns-top-box">
                    <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                    <p class="columns-top-p1">党建工作</p>
                </div>
                <p class="columns-top-p2-1"><a href="">More+</a></p>
            </div>
            <div class="col-lists">
                <div class="col-item" style="border-top: #b1c0bd solid 1px; border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="columns"  style="margin-top: 60px;">
        <div class="col-left">
            <div class="columns-top">
                <div class="columns-top-box">
                    <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                    <p class="columns-top-p1">招生宣传</p>
                </div>
                <p class="columns-top-p2-1"><a href="">More+</a></p>
            </div>
            <div class="col-lists">
                <div class="col-item" style="border-top: #b1c0bd solid 1px; border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-right">
            <div class="columns-top">
                <div class="columns-top-box">
                    <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                    <p class="columns-top-p1">学术活动</p>
                </div>
                <p class="columns-top-p2-1"><a href="">More+</a></p>
            </div>
            <div class="col-lists">
                <div class="col-item" style="border-top: #b1c0bd solid 1px; border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item" style="border-bottom: #b1c0bd solid 1px;">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
                <div class="col-item">
                    <a href="#">
                        <div class="col-title">fff防腐蚀方式</div>
                        <div class="col-time">
                            <p class="col-time-p1">2023</p>
                            <p class="col-time-p2">1-9</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div style="display: flex; justify-content: space-around; margin-top: 30px; margin-bottom: -10px;">
        <div class="showDr-img">
            <a href="">
                <!-- <div class="showDr-img-1-top">
                    <img style="margin-left: -115px; margin-top: -70px;" src="./images/xueke.jpg">
                </div> -->
                <img src="./images/xueke.jpg">
                <!-- <p class="showDr-img-p-1">学科与研究</p> -->
            </a>
        </div>
        <div class="showDr-img">
            <a href="">
                <img src="./images/dangqun.jpg">
                <!-- <p class="showDr-img-p-2">党群工作</p> -->
            </a>
        </div>
        <div class="showDr-img">
            <a href="">
                <!-- <div class="showDr-img-2-top">
                    <img style="margin-left: -115px; margin-top: -70px;" src="./images/shiyanshi.jpg">
                </div> -->
                <!-- 模糊效果class改为showDr-img-1 -->
                <img src="./images/shiyanshi.jpg">
                <!-- <p class="showDr-img-p-3">学生工作</p> -->
            </a>
        </div>
    </div>
    <div class="showDr">
        <div class="showDr-top" >
            <div class="columns-top-box">
                <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                <p class="columns-top-p1">博士风采</p>
            </div>
            <p class="showDr-top-p2"><a href="">More+</a></p>
        </div>
        <hr>
        <div class="showDr-main">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/drTestImg.png">
                            <p>test</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/dr1.jpg">
                            <p>test</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/dr2.jpg">
                            <p>test</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/dr3.jpg">
                            <p>test</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/dr4.jpg">
                            <p>test</p>
                        </a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>

    <div class="schoolLib">
        <div class="schoolLib-top" >
            <div class="columns-top-box">
                <svg t="1684212957618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7760" width="200" height="200"><path d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z" p-id="7761" fill="#ffffff"></path></svg>
                <p class="columns-top-p1">实验平台</p>
            </div>
            <p class="schoolLib-top-p2"><a href="">More+</a></p>
        </div>
        <hr>

        <div style="overflow: hidden;" class="swiper-container-2 swiper-2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib1.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib2.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib3.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib4.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib5.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib6.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib7.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib8.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib9.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./images/lib10.jpg">
                    </a>
                </div>                
            </div>
        </div>
    </div>

        <script src="js/swiper.min.js"></script>
            <script>
                var mySwiper1 = new Swiper ('.swiper-container', {
                    direction: 'horizontal', // 垂直切换选项
                    loop: true, // 循环模式选项
                    slidesPerView :5,

                    speed: 5000, //匀速时间
                    autoplay: {
                        delay: 0,
                        stopOnLastSlide: false,
                        disableOnInteraction: false,
                    },
                });
                var mySwiper2 = new Swiper ('.swiper-container-2', {
                    direction: 'horizontal', // 垂直切换选项
                    loop: true, // 循环模式选项
                    slidesPerView :4,

                    speed: 5000, //匀速时间
                    autoplay: {
                        delay: 0,
                        stopOnLastSlide: false,
                        disableOnInteraction: false,
                    },
                })
            </script>
</div>


<!--底部区域-->
<div class="footer">
    <div class="footer-left">
        <p>岭南师范学院机电工程学院</p>
        <p>地址: 中国 广东 湛江 赤坎区寸金路29号</p>
        <p>电话: 0759-3183254 邮编: 524048</p>
    </div>
    <div class="footer-middle">
        <img src="./images/LNU_Logo.svg" alt="岭南师范学院">
        <img src="./images/logo_jdxy.png" alt="机电工程学院" style="width: 240px; height: 50px; margin-top: 40px; margin-left: 10px;">
    </div>
    <div class="footer-right">
        <img src="./images/erweimaTest.png">
    </div>
</div>


<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>